<template>
  <div class="flex w-full items-center overflow-x-scroll text-xs text-[#fff] lg:flex-wrap lg:overflow-hidden">
    <div class="mb-5 mr-5 w-[80%] shrink-0 lg:w-[45%]" v-for="(item, index) in 3" :key="index">
      <y-image class="mb-3 h-[auto] w-[100%] rounded-xl" src="home-imgs/cuxiaobanner1.webp" width="100" height="100" />
      <h5 class="leading-[1.4]">
        BitTopup Spring Sale | Big Blooming Deals – Save up to 12% off & Free Codes Giveaway
      </h5>
    </div>
  </div>
</template>

<script setup lang="ts">
import YImage from '~/components/logic/YImage.vue'
</script>

<style lang="scss"></style>
